div.m{
	display: block; /* 默认隐藏(遮住整个窗口) */
	position: fixed; 
	z-index: 1; 
	left: 0;
	right:0;
	bottom:0;
	top: 0; 
	background-color: rgba(0,0,0,0.4);
}
div.m>div.m-content{
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	border-radius:5px;
	width: 400px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	animation:animatein 0.5s;
	top:30%;
}
div.m-content>div.m-header{
    padding: 2px 16px;
    border-bottom: 1px solid #e9ecef;
}

div.m-content>div.m-header>b{
	float: right;
	font-size: 28px;
	font-weight: bold;
}
div.m-content>div.m-header>b:hover{
	color: black;
	text-decoration: none;
	cursor: pointer;
}
div.m-content>div.m-body{
    padding:2px 15px;
}
div.m-content>div.m-footer{
	overflow:hidden;
	padding: 5px 16px;
	border-top:1px solid #e9ecef;
}
div.m-footer>button{
	float:right;
}

/* 添加入场动画 */
@keyframes animatein {
    from {top:-600px; opacity:0;}
    to {top:30%; opacity:1;}
}
@-webkit-keyframes animatein {
    from {top:-600px; opacity:0;}
    to {top:30%; opacity:1;}
}
	
		
